page{
    background:white;
}
.empty_box{
    background:url(https://hf.pigcms.com/static/wxapp/empty_box.jpg) no-repeat;
    background-size:200rpx;
    background-position: top center;
    padding-top:200rpx;
    color:#A3A3A3;
    text-align: center;
}
.coupon_list{
    padding:26rpx 20rpx;
    background:#EFEFF4;
}
.not_use{
    border:2rpx solid #06c1ae;
    color:#06c1ae;
    padding:16rpx 0;
    text-align: center;
}
.item{
    margin-top:26rpx;
    height:180rpx;
    position:relative;
}
.item .fl{
    width:30%;
    height:100%;
    text-align: center;
    color:white;
    background:#F36453 url(https://hf.pigcms.com/static/wxapp/coupon_left.png);
    background-repeat: no-repeat;
    background-size: 12rpx 100%;
}
.item .fl view{
    padding-top:66rpx;
}
.item .fr{
    width:70%;
    height:100%;
    background:white url(https://hf.pigcms.com/static/wxapp/coupon_right.png) no-repeat;
    background-position: top right;
    background-size: 12rpx 100%;
    position: relative;
}
.item .fr.none:after{
    position:absolute;
    content:'';
    display:block;
    width:60rpx;
    height:60rpx;
    top:50%;
    margin-top:-30rpx;
    right:30rpx;
    background:url(https://hf.pigcms.com/static/wxapp/coupon_uncheck.png) no-repeat;
    background-size: 100%;
}
.item .fr.select:after{
     background-image:url(https://hf.pigcms.com/static/wxapp/coupon_check.png);
}
.unit{
    font-size:24rpx;
}
.int{
    font-size:36rpx;
}
.float{
    font-size:28rpx;
}
.box{
    margin-left:40rpx;
    
}
.title{
    margin-top:30rpx;
    font-size:36rpx;
}
.info{
    color:#666;
    margin-top:16rpx;
}
.bg{
    background:url(https://hf.pigcms.com/static/wxapp/coupon_bg.png) no-repeat;
    background-size:180rpx 128rpx;
    position: absolute;
    right:12rpx;
    bottom:0;
    width:180rpx;
    height:128rpx;
    z-index: 0;
}